<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 生产 -->
		<script src="js/jquery.min.js"></script>
		<script>
			
			//当页面加载完成
			$(function(){
				
				//找到元素，添加事件
				$('#d1').click(function (){
					// this  原生dom对象
									
					// let div = this;
					// div.style.backgroundColor = "red";
					//讲dom对象 转换成  jQuery对象
					$(this).css("background-color","red");
	
				})
				
				
				//给input添加  focus事件
				
				// $("input").focus(function(){
				// 	console.log('$("input").val();',$("input").val())
				// })
				
				
				$("input").on('focus',function(){
					console.log('$("input").val()  on---',$("input").val())
				})
				
				
			})
			
		</script>
	</head>
	<body >
		
		
		<div id="d1" style="border:solid 1px red;height:100px;width:100px" >
			
		</div>
		
		<input type="text" value="admin">


	</body>
</html>